<!DOCTYPE html>
<html>
<head>
  <!--[if lt IE 7]>
  <div class="ie6_error">还在用<strong>漏洞百出的IE6浏览器</strong>么？为了您的网络安全，请升级浏览器 <a target="_blank"
                                                                             href="http://browsehappy.com">立即升级</a>
  </div>
  <![endif]-->

  <meta charset="utf-8">
  <title>个人中心-admin账期-文具1号</title>
  <meta name="description"
        content="文具1号作为上海办公用品供货商公司,专为世界500强企业及SOHO办公族提供网上商城一站式办公耗材批发及采购服务,一站式选购办公日用文具用品,厂家直销,好货又便宜【阳光采购就上文具1号 阳光价格 老板放心 品质保障 员工省力】"/>
  <meta name="keywords" content="办公用品,办公文具,办公文具网站,文具网站,办公用品网,文具采购网,金万年"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="renderer" content="webkit">
  <link rel="shortcut icon" href="favicon.ico"/>
  <link rel="stylesheet" href="public/js/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="public/css/base.css"/>
  <link rel="stylesheet" type="text/css" href="public/css/common.css"/>
  <link rel="stylesheet" type="text/css" href="public/css/cost-center.css"/>
  <link href="public/css/yuan.css" rel="stylesheet" type="text/css"/>
  <!--[if lte IE 9]>
  <script type="text/javascript" src="public/js/html5shiv-printshiv-3.js"></script>
  <![endif]-->
</head>
<body>
<div class="bg">
  <!--common - head -->
  <div class="header">
    <div class="top-line">
      <div class="container">
        <p class="top-hi">
          您好！<span class="name">supergk_0012</span> 欢迎进入 <span class="color-red">企业用户工作台！</span>
          <a href="javascript:;" class="login-out">退出</a>
        </p>
        <a href="javascript:;" class="top-right-tab color-red">
          <span class="icon bg-head_icon_cart"></span>
          我的购物车
          <span class="cart-num">19</span>
        </a>
        <a href="javascript:;" class="top-right-tab">
          <span class="icon bg-head_icon_storehouse"></span>
          我的商品库
        </a>
        <a href="javascript:;" class="top-right-tab">
          <span class="icon bg-head_icon_kefu"></span>
          在线服务
        </a>
      </div>
    </div>
    <div id="gn_logos">
      <div class="w1190 clearfix" style="padding: 15px 0; position:relative;">
        <div class="gn_wjlogo ">
          <a href="/" title="文具1号—办公用品采购网站 阳光价格 老板放心 品质保障 员工省力">
            <img alt="文具1号—办公用品采购网站 阳光价格 老板放心 品质保障 员工省力" src="public/images/logo.jpg" width="130" height="55">
          </a>
        </div>
        <p class="gn_wjSlogan" style="">
          <a href="http://www.wjyh.com/mMPur-recommend.html" target="_blank">
            <img src="public/images/card_entrance.gif" alt="企业采购解决方案 阳光价格 老板放心 品质保障 员工省力"
                 title="企业采购解决方案 阳光价格 老板放心 品质保障 员工省力"
                 style="width:190px; height:55px;">
          </a>
          <!--原购物车-->
        </p>
        <div class="gn_right clearfix">
          <a href="javascript:;" class="head-address-order">
            <span class="bg-head_icon_address icon"></span>
            <span class="text">多地址下单</span>
          </a>
          <a href="javascript:;" class="head-shopping-list">
            <span class="bg-head_icon_bill icon"></span>
            <span class="text">采购清单</span>
            <span class="num">(12)</span>
          </a>
        </div>
        <div id="gn_search_qumall">
          <div class="gn_i-search">
            <form id="frmSearchGoods" action="" method="get">
              <input autocomplete="off" name="keywords" type="text" class="a" id="search_ipt" placeholder="" value="">
              <dl class="searchTips">
              </dl>
              <button id="btnSearch" type="submit">搜 索</button>
            </form>
          </div>
          <div class="gn_hotkeywords"><span>热门搜索:</span>
            <ul>
              <li class="hot-products"><a href="#" target="_blank">A4纸</a></li>
              <li class=""><a href="#" target="_blank">文件夹</a></li>
              <li class=""><a href="#" target="_blank">硒鼓</a></li>
              <li class=""><a href="#" target="_blank">墨盒</a></li>
              <li class=""><a href="#" target="_blank">中性笔</a></li>
              <li class=""><a href="#" target="_blank">订书机</a></li>
              <li class=""><a href="#" target="_blank">A4纸</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div id="gn_navbg">
      <div class="w1190">
        <div id="gn_nav">
          <ul>
            <li><a href="/" target="_parent" title="工作台">工作台 </a></li>
            <li><a href="#" target="_parent" title="成本中心">成本中心 </a></li>
            <li><a href="#" target="_parent" title="订单管理">订单管理 </a></li>
            <li><a href="#" target="_parent" title="数据报表">数据报表 </a></li>
            <li><a href="#" target="_parent" title="个人中心" class="gn_nav_currut">个人中心 </a></li>
            <li><a href="#" target="_parent" title="系统通知">系统通知 <span class="gn_nav-num">1</span> </a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!--common - head end-->

  <div class="container mt30">
    <div class="my-center-container">
      <div class="my-center-sidebar">
        <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo">
          <li class="layui-nav-item layui-nav-itemed">
            <a href="javascript:;">基本信息</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;">基本资料</a></dd>
              <dd><a href="javascript:;">收货地址</a></dd>
              <dd><a href="javascript:;">发票抬头</a></dd>
              <dd><a href="javascript:;">修改密码</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">我的交易</a>
            <dl class="layui-nav-child">
              <dd><a href="">我的购物车</a></dd>
              <dd><a href="">我的订单</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item"><a href="">我的商品库</a></li>
          <li class="layui-nav-item"><a href="">清单采购</a></li>
          <li class="layui-nav-item layui-nav-itemed"><a style="border-bottom:0;" href="">企业发票</a></li>
        </ul>
        <div class="selfhood"><a href="">账期信息</a></div>
        <div class="corporate-invoice-agreement">
          <p class="tit">合约客户企业采购协议</p>
          <a href="javascript:;" class="down-icon"></a>
          <div class="info">
            <p>协议编号：<br>wjyh201702280001</p>
            <p>有效期：<br>wjyh201702280001</p>
          </div>
        </div>
      </div>
      <div class="my-center-right" style="overflow:visible; border: none;background-color: #f9f9f9">
        <div class="my-center-chat-box-wrapper">
          <div class="chat-box">
            <div class="chat-box-top">
              <div class="yuan">
                <div class="yuan_bl1"></div>
                <div class="yuan_text">总额度 <br>¥ <em class="num-all">14,000.00</em></div>
                <p class="yuan_ky">
                  可用额度<br>
                  <span class="num-box color-red">￥<em class="num-ky">9000.00</em></span>
                  <span class="num-box-small"> 最近需还款 <em class="color-red">￥500.00</em></span>
                </p>
                <p class="yuan_dhk">
                  待还款金额<br>
                  <span class="num-box">￥<em class="num-dhk">5000.00</em></span>
                </p>
              </div>

            </div>
            <p class="chat-box-btm">
              <span class="tit">最近需还款日期 : 2017-12-31</span>
              <span class="span02">剩余5天</span>
              <a href="javascript:;">立即还款</a>
            </p>
          </div>
          <div class="chat-cont">
              <p class="p-tit p-tit-dot">
              账期：<em>十天（逐次开票）</em>
            </p>
            <p class="p-tit">
              额度：<em>20,000.00</em>
            </p>
            <p class="p-tit p-tit-dot">
              账期还款
            </p>
            <p class="p-intro ">
              未还订单金额：￥10,000.00
            </p>
            <p class="p-intro ">
              未还订单笔数：20
            </p>
            <p class="p-tit p-tit-dot">
              账期采购：（截至当前使用账期支付）：
            </p>
            <p class="p-intro ">
              累计采购金额：￥10,000.00
            </p>
            <p class="p-intro ">
              累计采购次数：￥10,000.00
            </p>
          </div>
        </div>

        <div class="my-center-right-cont" style="padding: 0;">
          <div class="corporate-invoice-table-box mt15 w100 bg-fff border-box">
            <table border="1" class="corporate-invoice-tab">
              <thead>
              <tr>
                <th width="60">序号</th>
                <th width="100">下单账号</th>
                <th width="70">订单状态</th>
                <th width="130">支付时间</th>
                <th width="80">还款金额</th>
                <th width="90">还款日期</th>
                <th width="65">
                  <select class="reimbursement-classification-select" name="quiz3">
                    <option value="全部">全部</option>
                    <option value="待还款">待还款</option>
                    <option value="已还款">已还款</option>
                  </select>
                </th>
                <th>
                  <input type="text" placeholder="搜索订单号" class="reimbursement-classification-input">
                </th>
                <th width="70">账单</th>
                <th width="180">
                  <span class="month-prev">上月</span>
                  <div class="month-now">
                    <input type="text" name="date" id="date" lay-verify="date" placeholder="选择日期" autocomplete="off" class="layui-input">
                  </div>
                  <span class="month-next">下月</span>
                </th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>1</td>
                <td><a href="javascript:;">码力兄弟_M001</a> </td>
                <td>交易成功 </td>
                <td>2017/12/01 12:00</td>
                <td>1,000.00 </td>
                <td>2018/01/05 </td>
                <td>待还款</td>
                <td>031001600311</td>
                <td class="td02">
                  <a href="javascript:;">查看详情</a>
                </td>
                <td>
                  <a href="javascript:;" class="btn-chat-box-btm">立即还款</a>
                </td>
              </tr>
              <tr>
                <td>1</td>
                <td><a href="javascript:;">码力兄弟_M001</a> </td>
                <td>交易成功 </td>
                <td>2017/12/01 12:00</td>
                <td>1,000.00 </td>
                <td>2018/01/05 </td>
                <td>待还款</td>
                <td>031001600311</td>
                <td class="td02">
                  <a href="javascript:;">查看详情</a>
                </td>
                <td>
                  <a href="javascript:;" class="btn-chat-box-btm">立即还款</a>
                </td>
              </tr>
              <tr>
                <td>1</td>
                <td><a href="javascript:;">码力兄弟_M001</a> </td>
                <td>交易成功 </td>
                <td>2017/12/01 12:00</td>
                <td>1,000.00 </td>
                <td>2018/01/05 </td>
                <td>已还款</td>
                <td>031001600311</td>
                <td class="td02">
                  <a href="javascript:;">查看详情</a>
                </td>
                <td>
                 <p class="payment_end">
                   实际还款日：2018-01-07<br>
                   恢 复 额 度：￥1,000.00
                 </p>
                </td>
              </tr>
              </tbody>
            </table>
            <!--<table class="layui-hide" id="test"></table>-->
            <div class="corporate-invoice-page-box">
              <a href="javascript:;" class="page-prev">上一页</a>
              <a href="javascript:;" class="page-next">下一页</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="gn_bottom">
  <div class="gn_bpart1">
    <div class="wjyh_footer">
      <div class="gn_footer_info">
        <div class="info_column">
          <h4 class="fht1">新手指南</h4>
          <li><a href="#" title="免费注册" target="_blank">免费注册</a></li>
          <li><a href="#" title="查看购物车商品" target="_blank">查看购物车商品</a></li>
          <li><a href="#" title="导购演示" target="_blank">导购演示</a></li>
          <li><a href="#" title="清单采购" target="_blank">清单采购</a></li>
          <li><a href="#" title="电子协议" target="_blank">电子协议</a></li>
        </div>
        <div class="info_column">
          <h4 class="fht2">支付方式</h4>
          <li><a href="#" title="快钱支付" target="_blank">快钱支付</a></li>
          <li><a href="#" title="支付宝" target="_blank">支付宝</a></li>
          <li><a href="#" title="微信支付" target="_blank">微信支付</a></li>
          <li><a href="#" title="线下支付" target="_blank">线下支付</a></li>
        </div>
        <div class="info_column">
          <h4 class="fht3">配送方式</h4>
          <li><a href="#" title="配送范围" target="_blank">配送范围</a></li>
          <li><a href="#" title="配送费用" target="_blank">配送费用</a></li>
          <li><a href="#" title="配送查询" target="_blank">配送查询</a></li>
          <li><a href="#" title="注意事项" target="_blank">注意事项</a></li>
        </div>
        <div class="info_column">
          <h4 class="fht4">售后服务</h4>
          <li><a href="#" title="售后政策" target="_blank">售后政策</a></li>
          <li><a href="#" title="退换流程" target="_blank">退换流程</a></li>
          <li><a href="#" title="退款说明" target="_blank">退款说明</a></li>
          <li><a href="#" title="取消订单" target="_blank">取消订单</a></li>
        </div>
        <div class="info_column">
          <h4 class="fht5">会员中心</h4>
          <li><a href="#" title="修改个人资料" target="_blank">修改个人资料</a></li>
          <li><a href="#" title="修改收货地址" target="_blank">修改收货地址</a></li>
          <li><a href="#" title="修改密码" target="_blank">修改密码</a></li>
          <li><a href="#" title="密码找回及安全设置" target="_blank">密码找回及安全设置</a></li>
          <li><a href="#" title="会员等级和积分规则" target="_blank">会员等级和积分规则</a></li>
        </div>
        <div class="info_column">
          <h4 class="fht6">关于我们</h4>
          <li><a href="#" title="关于文具1号" target="_blank">关于文具1号</a></li>
          <li><a href="#" title="广告服务" target="_blank">广告服务</a></li>
          <li><a href="#" title="合作品牌" target="_blank">合作品牌</a></li>
          <li><a href="#" title="联系我们" target="_blank">联系我们</a></li>
        </div>
      </div>
    </div>
  </div>

  <div class="gn_footer_black">
    <a href="/">首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="#">关于文具1号</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a target="_blank" href="http://m.kuaidi100.com">快递查询</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a target="_blank" href="#">网站地图</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="#">联系我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="#">办公资讯</a>
    <!--end-->
  </div>
  <div class="gn_bpart2 root1">
    <div class="w1190 clearfix">
      <div class="all_foot1">
        Copyright © 2010-2020 上海易号网络科技有限公司<a href="http://www.wjyh.com">wjyh.com</a> 保留一切权利 沪ICP备13023872号 营业执照 <img
          src="public/images/police.png" border="0" style="position:relative;top: 4px;"><a rel="nofollow"
                                                                                           target="_blank"
                                                                                           href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010802001236"
                                                                                           style="color:#999">沪公网安备
        31010802001236号</a>
        <br>
        客服热线：4008-215-248 工作日时间：周一至周五 9:00-21:30
        <script
            type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1256871543'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1256871543%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
          <span id="cnzz_stat_icon_1256871543"><a href="http://www.cnzz.com/stat/website.php?web_id=1256871543"
                                                  target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0"
                                                                                    src="http://icon.cnzz.com/img/pic1.gif"></a></span>
        <script src=" http://s11.cnzz.com/z_stat.php?id=1256871543&amp;show=pic1" type="text/javascript"></script>
        <script src="http://c.cnzz.com/core.php?web_id=1256871543&amp;show=pic1&amp;t=z" charset="utf-8"
                type="text/javascript"></script>
      </div>
      <div class="all_foot2">
        <div class="footLogo">
          <script src="http://kxlogo.knet.cn/seallogo.dll?sn=e13081931010042052yqcz000000&amp;size=0"></script>
            <span style="display:inline-block;position:relative;width:auto;"><a
                href="https://ss.knet.cn/verifyseal.dll?sn=e13081931010042052yqcz000000&amp;ct=df&amp;a=1&amp;pa=0.8764991479587676"
                id="kx_verify" tabindex="-1" target="_blank" kx_type="图标式" style="display:inline-block;"><img
                src="http://rr.knet.cn/static/images/logo/cnnic.png" style="border:none;" oncontextmenu="return false;"
                alt="可信网站"></a></span>
        </div>
        <div class="footLogo">
          <a target="_blank"
             href="http://218.242.124.22:8081/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020160317093416000000235657-SAIC_SHOW_310000-20160115190605734361&amp;signData=MEYCIQDNql62UH+UZLZdPqkohYJKHNip+3EJvyNNYHdArZxb9AIhALrkDfzZUJRfVNiuWOg9JGxdFSdMRlWlFdyOlsHr/wkk &#10;&#10;">
            <img src="public/images/3.jpg" border="0">
          </a>
        </div>
        <div class="footLogo">
          <img src="public/images/5.jpg">
        </div>
        <div class="footLogo">
          <img src="public/images/6.jpg">
        </div>
      </div>
    </div>
  </div>
</div>
<div class="mask none"></div>
<div class="pop corporate-invoice-img-pop none">
  <a href="javascript:;" class="close"></a>
  <img class="corporate-invoice-img" src="" alt="">
</div>
<script type="text/javascript" src="public/js/jquery.min.js"></script>
<script src="public/js/layui/layui.js"></script>
<script type="text/javascript" src="public/js/index.js"></script>
<script type="text/javascript" src="public/js/owl.carousel.min.js"></script>
<script>
  $(function () {
    //初始化
    var bl = parseInt($('.num-ky').html());
    var num_all = $('.num-all').html();
    function delcommafy(num){//去除千分位中的‘，’
      num=num.replace(/,/gi,'');
      return num;
    }
    var all = delcommafy(num_all);
    var bl_all = parseInt(all);
    bl = (bl / bl_all) * 360;
    var rotatenum = bl;
    if (bl > 180) {
      var blhtml = '';
      rotatenum = bl - 180;
      blhtml += '<div class="yuan_bl2">';
      blhtml += '<div class="yuan_bl4" style="-webkit-transform:rotate(' + rotatenum + 'deg);transform:rotate(' + rotatenum + 'deg);"></div>';
      blhtml += '</div>';
      //$('.yuan_bl1').remove($('.yuan_bl3'));
      $('.yuan_bl1').after(blhtml);
    } else {
      var blhtml = '';
      blhtml += '<div class="yuan_bl3" style="-webkit-transform:rotate(' + rotatenum + 'deg);transform:rotate(' + rotatenum + 'deg);"></div>';
      $('.yuan_bl1').append(blhtml);
    }
  })
</script>
<script>
  layui.use(['element', 'form', 'layedit', 'laydate', 'upload'], function () {
    var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
    var form = layui.form
        , layer = layui.layer
        , layedit = layui.layedit
        ,laydate = layui.laydate;
    var $ = layui.jquery
        , upload = layui.upload;

    //监听导航点击
    element.on('nav(demo)', function (elem) {
      //console.log(elem)
//      layer.msg(elem.text());
    });
    //日期
    laydate.render({
      elem: '#date-star'
    });
    laydate.render({
      elem: '#date-end'
    });
    laydate.render({
      elem: '#date'
    });
    //监听提交
    form.on('submit(demo1)', function (data) {
      layer.alert(JSON.stringify(data.field), {
        title: '最终的提交信息'
      });
      return false;
    });


  });
</script>
<script type="text/javascript">
  $(function () {

    $(".deal-detail").click(function(){
      $(this).parent().find(".show-more").toggle();
    });
    $(".invoice-detail").click(function(){
      var url = $(this).attr('data-url');
      if(url){
        $('.corporate-invoice-img').attr("src",url);
        $('.mask,.corporate-invoice-img-pop').show();
      }else {
        layer.msg('暂无发票详情')
      }
    });
//
//    $(".show-more").mouseleave(function(){
//      $(this).parent().find(".show-more").hide();
//    });
  });
</script>
</body>
</html>